// pages/shoplist/shoplist.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    shopList: [],
    query: {},
    page: 1,
    limit: 10,
    total: 0
  },

  onPullDownRefresh() {
    this.setData({
      page: 1,
      shopList: [],
      total: 0
    })
    this.getShopList()
  },
  onLoad(options) {
    console.log(options);
    this.setData({
      query: options
    })
    this.getShopList()
  },
  onReachBottom() {
    // 判断已经加载的数据和当前商品列表一共有的数据对比，如果相等 就说明 接口数据已经全部给我了，那么下一次触底就没必要再请求接口
    if (this.data.shopList.length === this.data.total) {
      return wx.showToast({
        title: '数据已经加载完毕！',
        icon: 'none'
      })
    }
    this.setData({
      page: this.data.page + 1
    })
    this.getShopList()
  },
  getShopList() {
    wx.showLoading({
      title: '数据加载中……',
      mask: true
    })
    wx.request({
      url: `https://www.escook.cn/categories/${this.data.query.id}/shops`,
      data: {
        _page: this.data.page,
        _limit: this.data.limit
      },
      success: (res) => {
        console.log(res);
        this.setData({
          // shopList: res.data
          shopList: [...this.data.shopList, ...res.data],
          total: res.header['X-Total-Count'] - 0
        })
      },
      complete: () => {
        wx.hideLoading()
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    wx.setNavigationBarTitle({
      title: this.data.query.title
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },





  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})